.clearFixed:after {
  content: "";
  display: block;
  clear: both;
}
.toTop {
  position: fixed;
  right: 0;
  bottom: 20px;
  span {
    display: inline-block;
    width: 60px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #ff6600;
    cursor: pointer;
  }
}
.mainCon {
  width: 1200px;
  margin: 0 auto;
  // background: #f5f5f5;
  .topbanner {
    .conLeft {
      float: left;
      width: 960px;
      margin-top: -1px;
      position: relative;
      .catolist {
        width: 166px;
        float: left;
        margin-top: -1px;
        background-color: #ffffff;
        border: 2px solid #ff6600;
        font-size: 14px;

        .cli {
          padding-top: 12px;
          padding-bottom: 6px;
          border-bottom: 1px solid #e5e5e5;
          p {
            font-weight: bold;
            .icon {
              background-image: url("../images/indexPic/mini.png");
              display: inline-block;
              vertical-align: middle;
              margin-right: 2px;
              margin-left: 4px;
            }
            .pic1 {
              background-position: -0px -0px;
              width: 12px;
              height: 13px;
            }
            .pic4 {
              float: right;
              margin-right: 20px;
              background-position: -50px -20px;
              width: 7px;
              height: 15px;
            }
            .pic5 {
              background-position: -20px -20px;
              width: 14px;
              height: 13px;
            }
            .pic3 {
              background-position: -0px -20px;
              width: 13px;
              height: 12px;
            }
            .pic2 {
              background-position: -20px -0px;
              width: 7px;
              height: 11px;
            }
          }
          .txt1 {
            margin-left: 16px;
            width: 130px;
            li {
              float: left;
              padding: 7px 4px;
              a {
                color: #666666;
              }
            }
            .hot a {
              color: #ff6600;
            }
          }
        }
        .active {
          background-color: #fff;
          padding-bottom: 10px;
        }
      }

      .listBox {
        position: absolute;
        left: 140px;
        top: -8px;
        width: 806px;
        height: 490px;
        z-index: 100;
        background-color: #fff;
        display: none;

        .liBox {
          width: 818px;
          height: 490px;
          box-shadow: 2px 2px 8px -2px #bebebe;
          position: relative;
          display: none;

          .line {
            display: block;
            width: 606px;
            color: #ccd6e3;
            padding-top: 20px;
            padding: 26px 0;
            span {
              // float: left;
              position: absolute;
              display: inline-block;
              width: 50px;
              margin: 0px 20px;
              color: #484848;
              font-weight: bold;
              font-size: 14px;
            }
            .items {
              width: 520px;
              height: 24px;
              line-height: 24px;
              position: absolute;
              left: 90px;
              // top: 20px
              // float: left;
              a {
                color: #666666;
                padding: 0 10px;
              }
              .hot {
                color: #ff6600;
              }
            }
          }
        }
        .selected {
          display: block;
        }
        .phone {
          // margin: 0;
          background-image: url("../images/indexPic/cato1.jpg");
          background-position: top right;
        }
        .lifeStore {
          background-image: url("../images/indexPic/cato2.jpg");
          background-position: top right;
        }
      }
      .inner {
        width: 770px;
        height: 250px;
        float: right;
        margin: 10px;
        position: relative;
        .bannerBox {
          width: 770px;
          height: 250px;
          position: relative;
          // overflow: hidden;
          img {
            vertical-align: top;
          }
          .list1 {
            width: 100%;
            height: 100%;
            li {
              position: absolute;
              width: 100%;
              height: 100%;
            }
          }
          .dotlist {
            position: absolute;
            right: 10px;
            bottom: 10px;
            li {
              display: inline-block;
              width: 24px;
              height: 24px;
              border-radius: 50%;
              background-color: #737373;
              margin-left: 10px;
              color: #fff;
              line-height: 24px;
              text-align: center;
              cursor: pointer;
            }
            .current {
              background-color: #ff6600;
            }
          }
        }
      }
      .timeLimit {
        width: 774px;
        height: 216px;
        float: right;
        a:hover {
          text-decoration: underline;
        }
        .title {
          height: 40px;
          line-height: 40px;
          font-weight: bold;
          .spa1 {
            float: left;
            color: #bf1313;
          }
          .time {
            margin-left: 220px;
            display: inline-block;
            color: #666;
            font-family: "宋体";
            font-size: 14px;
          }
          .spa2 {
            float: right;
            margin-right: 20px;
            font-family: "宋体";
            a {
              color: #666;
            }
          }
        }
        .playBox {
          width: 730px;
          height: 188px;
          position: relative;
          margin: 0 auto;
          .playCon {
            width: 730px;
            height: 188px;
            position: relative;
            overflow: hidden;
            ul {
              width: 1000%;
              height: 188px;
              position: absolute;
              li {
                float: left;
                display: inline-block;
                width: 150px;
                padding: 0 16px;
                img {
                  // display: block;
                  float: left;
                }
                .details {
                  height: 40px;
                  width: 150px;
                  // margin: 0 auto;
                  overflow: hidden;
                  a {
                    color: #666666;
                  }
                }
                .price {
                  color: #ff6600;
                  font-weight: bold;
                }
              }
            }
          }
          #arr {
            span {
              position: absolute;
              top: 50%;
              margin-top: -50px;
              left: -10px;
              display: inline-block;
              width: 40px;
              height: 40px;
              // line-height: 40px;
              // font-size: 30px;
              // text-align: center;
              // background: #000;
              // color: #fff;
              // opacity: 0.3;
              cursor: pointer;
            }
            #arrRight {
              right: -10px;
              left: auto;
            }
          }
        }
      }
    }
    .btItems {
      margin: 26px 10px 0 0;
      a {
        color: #666;
      }
      .hotTop {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        border-bottom: 3px solid #ff6600;
        span {
          float: left;
        }
        .hott {
          margin: 0 12px;
          font-size: 18px;
          font-weight: bold;
          color: #ff6600;
        }
        .moresolgo {
          float: right;
        }
      }
      .itemList {
        width: 948px;
        height: 237px;
        border: 1px solid #dadada;
        overflow: hidden;
        position: relative;
        .list {
          width: 1000%;
          position: absolute;
          li {
            float: left;
            width: 196px;
            padding: 20px;
            .item {
              font-size: 12px;
              p.img {
                width: 180px;
                margin: 0 auto;
              }
              img {
                margin: 0 auto;
              }
              .hot-details {
                height: 40px;
                width: 195px;
                margin: 0;
                margin-bottom: 5px;
                overflow: hidden;
                a {
                  color: #666666;
                }
              }
              .doll,
              .hot-price {
                // margin-left: 12px;
                color: #ff6600;
                font-weight: bold;
                font-size: 12px;
              }
              .hot-buy {
                display: inline-block;
                margin-left: 20px;
                width: 50px;
                height: 25px;
                border-radius: 2px;
                background-color: #ff6600;
                font-size: 14px;
                text-align: center;
                line-height: 25px;
                a {
                  color: #fff;
                }
              }
            }
          }
        }
      }
    }
    .conRight {
      float: right;
      width: 240px;
      .playRight {
        width: 226px;
        height: 242px;
        margin-top: 10px;
        border: 2px solid #f1d4b3;
        position: relative;
        .playRightInner {
          width: 226px;
          height: 242px;
          position: relative;
          overflow: hidden;
          ul {
            width: 1000%;
            height: 242px;
            position: absolute;
            li {
              float: left;
            }
          }
          ol {
            width: 50px;
            height: 12px;
            position: absolute;
            top: 10px;
            left: 2px;

            li {
              float: left;
              width: 10px;
              height: 10px;
              border-radius: 50%;
              background-color: #ccc;
              margin-left: 10px;
            }
            .current {
              background-color: #ff6600;
            }
          }
        }
      }
      .recod {
        margin-top: 10px;
        img {
          vertical-align: top;
        }
      }
      .dyna {
        background-color: #f6f6f6;
        border: 1px solid #d9d9d9;
        padding: 12px 0px;
        margin-top: 16px;
        height: 100px;
        width: 228px;
        .txt {
          height: 32px;
          border-bottom: 1px dashed #d9d9d9;
          span {
            display: inline-block;
          }
          .newDyna {
            float: left;
            padding-left: 10px;
            font-weight: bold;
            font-size: 14px;
          }
          .moreNew {
            float: right;
            margin-right: 20px;
            a {
              color: #666666;
            }
          }
        }
      }
      .minPix {
        margin-top: 20px;
        width: 230px;
        height: 124px;
        position: relative;
        .miniInner {
          width: 230px;
          height: 124px;
          position: relative;
          ul {
            width: 100%;
            height: 100%;
            li {
              position: absolute;
              width: 100%;
              height: 100%;
            }
          }
        }
      }
    }
  }
  .goodHot {
    margin-top: 20px;
    .hotTitle {
      width: 100%;
      height: 40px;
      line-height: 40px;
      border-bottom: 3px solid #ff6600;

      .left {
        float: left;
        margin-left: 10px;
        color: #ff6600;
        font-size: 20px;
        font-weight: bold;
      }
      .right {
        float: right;
        color: #484848;
        font-size: 14px;
        font-family: "宋体";
      }
    }
    .hotLine1 {
      width: 1200px;

      ul {
        border-left: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        // width: 1000px;
        li {
          width: 174px;
          height: 274px;
          float: left;
          position: relative;
          box-sizing: border-box;
          // border: 1px solid #dadada;
          border-right: 1px solid #dadada;
          img {
            float: left;
            vertical-align: middle;
            margin-right: 25px;
          }
          .listItemMax {
            font-size: 14px;
            height: 236px;
            padding-top: 38px;
            .conTxt {
              // width: 360px;
              margin-right: 10px;
              // position: relative;
              .title {
                font-weight: bold;
                color: #333;
                margin-bottom: 10px;
                white-space: nowrap; /* 强制不换行 */
                overflow: hidden; /* 超出部分隐藏 */
                text-overflow: ellipsis; /* 多余部分省略号显示 */
                span {
                  color: #ff6600;
                }
              }
              .txt {
                color: #676767;
                font-family: "宋体";
                // height: 20 px;
                line-height: 20px;
              }
              .scole {
                position: absolute;
                bottom: 10px;
                right: 0px;
                margin-top: 16px;
                .dotdate {
                  display: inline-block;
                  margin-right: 30px;
                  // position: relative;
                  // left: 325px;
                }
                .dot {
                  display: inline-block;
                  width: 9px;
                  height: 12px;
                  border-radius: 50%;
                  background-color: #ff9d29;
                  cursor: pointer;
                }

                img {
                  float: right;
                  // vertical-align: middle;
                }
                b {
                  float: right;
                  font-weight: normal;
                  margin-right: 10px;
                  // vertical-align: middle;
                }
              }
            }
          }
          .listItemMin {
            width: 174px;
            height: 274px;
            overflow: hidden;
            padding-left: 18px;
            box-sizing: border-box;
            display: none;
            font-size: 14px;
            .title {
              margin-top: 35px;
              p {
                height: 20px;
                line-height: 20px;
                color: #ff6600;
              }
              .txt {
                white-space: nowrap; /* 强制不换行 */
                overflow: hidden;
                margin-bottom: 10px;
                color: #333333;
              }
            }
          }
        }
        .active {
          width: 674px;
          height: 274px;
        }
      }
    }
    .hotLine2 {
      margin-top: 20px;
      height: 268px;
      border: 1px solid #dadada;
      .tab {
        float: left;
        width: 959px;
        height: 268px;
        .listTitle {
          li {
            float: left;
            width: 239px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 14px;
            border-right: 1px solid #dadada;
            border-bottom: 1px solid #dadada;
            background-color: #f6f6f6;
            cursor: pointer;
          }
          li:nth-child(4) {
            border-right: 0;
          }
          .active {
            border-bottom: 0;
            background-color: #fff;
            color: #ff6600;
          }
        }
        .products {
          .proCon {
            float: left;
            display: none;
          }
          .selected {
            display: block;
            ul {
              width: 960px;
              li {
                float: left;
                width: 150px;
                height: 190px;
                padding: 20px 16px;
                .details {
                  margin-top: 5px;
                  height: 44px;
                  overflow: hidden;
                }
                a {
                  color: #666666;
                }
                .price {
                  margin-top: 16px;
                  color: #ff6600;
                  font-weight: bold;
                  // font-size: 18px;
                }
              }
            }
          }
        }
      }
      .pic {
        float: right;
        img {
          width: 239px;
        }
      }
    }
  }
  .phones {
    margin-top: 20px;
    width: 100%;
    height: 504px;

    .phone-Left {
      float: left;
      margin-right: 10px;
      width: 958px;
      height: 504px;
      .title {
        height: 38px;
        color: #2565bd;
        font-size: 20px;
        font-weight: bold;
        padding-left: 10px;
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #2565bd;
      }
      .items {
        width: 958px;
        height: 462px;
        border: 1px solid #dadada;
        // border-bottom: 0px;
        .itemList {
          float: left;
          width: 190px;
          height: 170px;
          padding: 25px 24px 5px 24px;
          .details {
            height: 40px;
            overflow: hidden;
            font-size: 14px;
            a {
              color: #666666;
            }
          }
          .price {
            color: #ff6600;
            font-weight: bold;
          }
        }
        .item1Play,
        .lineList2 {
          width: 476px;
          height: 200px;
          padding: 0;
          position: relative;
          img {
            width: 476px;
            height: 200px;
          }
          .inner {
            width: 476px;
            height: 200px;
            position: relative;
            overflow: hidden;
            ul {
              width: 1000%;
              position: absolute;
              li {
                float: left;
                width: 476px;
                height: 200px;
              }
            }
            ol {
              position: absolute;
              width: 100px;
              height: 20px;
              right: 10px;
              bottom: 6px;
              overflow: hidden;
              li {
                float: left;
                margin-left: 10px;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                color: #fff;
                text-align: center;
                font-size: 12px;
                line-height: 24px;
                background-color: #737373;
              }
              .current {
                background-color: #ff6600;
              }
            }
          }
          .inner4 {
            ol {
              width: 160px;
            }
          }
        }
        .lineList2 {
          .inner {
            .dotTwo {
              width: 65px;
            }
          }
        }
        .brand {
          float: left;
          width: 958px;
          height: 40px;
          margin-top: 18px;
          overflow: hidden;
          border-top: 1px solid #dadada;
          a {
            padding: 4px 6px;
          }
          a:hover {
            img {
              margin-top: -80px;
            }
          }
        }
      }
    }
    .phone-right {
      float: right;
      width: 228px;
      // height: 500px;
      .list {
      }
      border: 1px solid #dadada;
      border-bottom: 0;
      .tab {
        font-size: 14px;
        li {
          float: left;
          width: 56px;
          height: 27px;
          background-color: #e9e9e9;
          margin-right: 1px;
          color: #999999;
          text-align: center;
          line-height: 27px;
          border-bottom: 1px solid #dadada;
          cursor: pointer;
        }
        .hotpai {
          background-color: #fff;
          font-size: 12px;
          color: #666;
        }
        .active {
          font-weight: bold;
          overflow: hidden;
          color: #ff6600;
          background-color: #fff;
          border: 1px solid #dadada;
          border-bottom: 0;
          box-sizing: border-box;
        }
      }
      .product {
        font-size: 14px;
        .proCon {
          display: none;
          .proLi {
            // padding-top: 16px;
            // padding-left: 10px;
            padding: 16px 0 16px 10px;
            border-bottom: 1px solid #dadada;
            img {
              float: left;
              width: 80px;
              height: 60px;
              margin-right: 5px;
            }
            .txt {
              width: 115px;
              display: inline-block;
              .details {
                height: 40px;

                overflow: hidden;
              }
              .price {
                color: #ff6600;
                font-weight: bold;
              }
            }
          }
        }
        .selected {
          display: block;
        }
      }
      .bgpic {
        margin-left: -1px;
      }
    }
  }
  .computer {
    .comLeft {
      .title {
        color: #ff6600;
        border-bottom: 3px solid #ff6600;
      }
    }
  }
  .lifeStore {
    .lifeLeft {
      .title {
        color: #ff6600;
        border-bottom: 3px solid #ff6600;
      }
    }
  }
}
